<div class="content">
  <!-- gis内容区域 -->
  <div class="map-content">
    <!-- 二三维地图控件 -->
    <div id="map" class="map-ui" [hidden]="!is2DMap()"></div>
    <div id="cesium" class="map-ui" [hidden]="is2DMap()"></div>
    <!-- 工具栏 -->
    <div class="map-tool">
      <ul class="iul">
        <li class="ili">
          <div class="ia" (click)="p.fullMapExtent()">
            <i nz-icon type="global" theme="outline"></i>
            全图
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia">
            <i nz-icon type="swap" theme="outline"></i>
            卷帘
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia" (click)="es.export('地图')">
            <i nz-icon type="printer" theme="outline"></i>
            打印
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia" (click)="ms.lineMeasure()">
            <i nz-icon type="line-chart" theme="outline"></i>
            距离
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia" (click)="ms.areaMeasure()">
            <i nz-icon type="radar-chart" theme="outline"></i>
            面积
          </div>
        </li>
        <li class="ili">
          <span class="line"></span>
          <div class="ia" (click)="ms.clear()">
            <i nz-icon type="delete" theme="outline"></i>
            标绘
          </div>
        </li>
      </ul>
    </div>
    <!-- 菜单栏 -->
    <div class="map-sider {{mIsCollapsed?'map-sider-close':''}}">
      <!-- 菜单 -->
      <div class="menu">
        <div class="tools">
          <div class="item {{is.cr=='map_layer_gis'?'select':''}}">
            <i nz-icon type="ordered-list" class="icon"></i>
            <span class="text">图层</span>
          </div>
          <div
            class="item {{is.cr=='map_dynamicattribute_gis'?'select':''}}">
            <i nz-icon type="search" class="icon"></i>
            <span class="text">查询</span>
          </div>
          <div *ngIf="is2DMap()"
            class="item {{is.cr=='map_analysis_gis'?'select':''}}">
            <i nz-icon type="block" class="icon"></i>
            <span class="text">分析</span>
          </div>
          <div *ngIf="!is2DMap()" class="item {{is.cr=='search'?'select':''}}">
            <i nz-icon type="car" class="icon"></i>
            <span class="text">飞行</span>
          </div>
          <div *ngIf="!is2DMap()" class="item {{is.cr=='search'?'select':''}}">
            <i nz-icon type="eye" class="icon"></i>
            <span class="text">模型</span>
          </div>
          <div *ngIf="!is2DMap()" class="item {{is.cr=='search'?'select':''}}">
            <i nz-icon type="camera" class="icon"></i>
            <span class="text">倾斜</span>
          </div>
          <!-- 
          <div (click)="is.navigate('map_plot_gis');"
              class="item {{is.cr=='map_plot_gis'?'select':''}}">
              <i nz-icon type="heat-map" class="icon"></i>
              <span class="text">标绘</span>
          </div>
          <div (click)="is.navigate('map_edit_gis');" *ngIf="is2DMap()"
              class="item {{is.cr=='map_edit_gis'?'select':''}}">
              <i nz-icon type="edit" class="icon"></i>
              <span class="text">编辑</span>
          </div> -->
          <div *ngIf="is2DMap()"
            class="item {{is.cr=='map_dataspacecheck_gis'?'select':''}}">
            <i nz-icon type="warning" class="icon"></i>
            <span class="text">质检</span>
          </div>
          <div 
            class="item {{is.cr=='map_adminlocation_gis'?'select':''}}">
            <i nz-icon type="environment" class="icon"></i>
            <span class="text">政区</span>
          </div>
          <div 
            class="item {{is.cr=='map_coorlocation_gis'?'select':''}}">
            <i nz-icon type="deployment-unit" class="icon"></i>
            <span class="text">坐标</span>
          </div>
          <div 
            class="item {{is.cr=='map_booklocation_gis'?'select':''}}">
            <i nz-icon type="book" class="icon"></i>
            <span class="text">书签</span>
          </div>
          <div (click)="is.navigate('/map_maylayer_mis')" class="item">
            <i nz-icon type="setting" class="icon"></i>
            <span class="text">设置</span>
          </div>
        </div>
      </div>

      <!-- 内容 -->
      <div class="menu-content" *ngIf="!mIsCollapsed">
        <router-outlet></router-outlet>
      </div>

      <!-- 地图则栏控制 -->
      <div class="sider {{mIsCollapsed?'sider-close':''}}" (click)="mapMargin()">
        <i nz-icon [type]="mIsCollapsed?'right':'left'" class="icon"></i>
      </div>
    </div>
  </div>
</div>